<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <!-- 隐藏状态栏  -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!-- <title>KTV套餐</title> -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/details.css">
    <link rel="stylesheet" href="css/common.css">
</head>

<body class="ng-cloak" ng-app="CheerHiWx" ng-controller="PackageCtrl">
    <header>
        <div class="wrapper clearfix">
            <div class="detail_fl fl">
                <a href="javascript:history.back();" class=""><img src="img/srh_icon.png" alt=""></a>
            </div>
            <h1 class="top_title" ng-bind="packageDetails.shopName"></h1>
        </div>
    </header>
    <!-- KTV content -->
    <!-- mod1 -->
    <div class="wrapper package_top">
        <p>套餐详情</p>
        <h2>{{packageDetails.tableTypeName}}·{{packageDetails.activeName}}</h2>
        <p ng-bind="packageDetails.activeInfo"></p>
    </div>
    <div id="package_content1" class="wrapper package_content clearfix">
        <!-- <p>选择您的预订时间</p> -->
        <h2>开唱时间</h2>
        <ul>
            <li ng-repeat="time in packageDetails.startTimeList" ng-bind="time.timeStr" ng-class="{yes:time.time==checkStatus.startTime}" ng-click="selectTime(time.date,time.time)"></li>
        </ul>
        <div ng-show="packageDetails.startTimeList.length == 0">无</div>
    </div>
    <!-- mod2 -->
    <div id="package_content2" class="wrapper package_content clearfix">
        <h2>包厢主题选择</h2>
        <p>主题选择仅供参考，具体包厢调配以商家最终指定为准</p>
        <ul>
            <li ng-repeat="theme in packageDetails.themeList" ng-bind="theme.themeName" ng-class="{yes:theme.styleId==checkStatus.themeId&&theme.tableId==checkStatus.tableId}" ng-click="selectTheme(theme.styleId,theme.tableId,theme.themeName)"></li>
        </ul>
        <div ng-show="packageDetails.themeList.length == 0">无</div>
    </div>
    <!-- mod3 -->
    <div class="wrapper package_content package_kind clearfix mealdetails">
        <h2>点餐详情</h2>
        <b ng-bind="packageDetails.foodInfo == '' ? '无' : packageDetails.foodInfo"></b>
    </div>
    <!-- submit button -->
    <footer class="sub-btn">
        <p>¥{{packageDetails.price}}</p>
        <input type="button" value="提交订单" ng-click="commitOrder()">
    </footer>
    <!-- JS begin -->
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="js/jquery-1.11.2.min.js"></script>
    <script src="js/angular.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/constants.js"></script>
    <script src="js/common.js"></script>
    <script src="js/package.js"></script>
</body>
<span style="display:none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1255764485'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1255764485%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></span>
<script>
    _maq.push(['_setMaq', 'package']);
</script>
</html>
